<!doctype html>
<html>
  <head>
    <meta name="layout" content="main"/>
    <title>Renol - Everything You Need</title>

  </head>
  <body>

    <a href="#page-body" class="skip"><g:message code="default.link.skip.label" default="Skip to content&hellip;"/></a>
    <ul id="mycarousel" class="jcarousel-skin-ie7" style="height: 300px">
      <li>
      <g:link controller="portfolio" action="all">
        <img src="${resource(dir: 'images', file: 'portfolios.jpg')}" width="375" height="375" alt="Recent works" />
      </g:link>
    </li>
    <li>
    <g:link controller="service" action="all">
      <img src="${resource(dir: 'images', file: 'services.jpg')}" width="375" height="375" alt="Services" />
    </g:link>
  </li>  
  <li>
  <g:link controller="activity" action="all">
    <img src="${resource(dir: 'images', file: 'activities.jpg')}" width="375" height="375" alt="Communities services/other" />
  </g:link>
</li>   
</ul>


<div style=" background-image:url(http://www.one.org/international/img/bg-dot-3col.gif);" class="grid gr-three clearfix" id="features">
  <div class="unit first">
    <h3 style=" background:none; margin-bottom:10px; height:60px;">
      <img alt="Join the fight against extreme poverty" style="margin-left:0px; padding:0px;" src="images/join_fight_against_poverty_text_graphic.gif">
    </h3>
    <iframe width="260px" scrolling="no" height="260px" frameborder="0" src="http://www.one.org/us/_signupforms/joinone_international_home.php" style="margin-top:0px;"></iframe>
    <hr/>


    <ul id="partners">
      <li><a href="http://www.twitter.com/onecampaign" class="twitter">Twitter</a></li>
      <li><a title="YouTube" href="http://www.youtube.com/user/TheONECampaign" class="youtube">YouTube</a></li>
      <li><a href="http://www.myspace.com/theonecampaign" class="myspace">MySpace.com</a></li>
      <li><a href="http://www.facebook.com/ONE?v=wall" class="facebook">Facebook</a></li>
    </ul>
  </div>
  <div class="unit article">

    <h3 class="title"><g:link controller="work" action="about">About me</g:link></h3>
    <p><a href="about"><img width="280" border="0" height="150" alt="Girl" src="${resource(dir: 'images', file: 'minh.jpg')}"></a></p>
    <p class="desc">ONE is a grassroots campaign of more than 2.5 million people committed to the fight against extreme poverty and preventable diseases.</p>
    <p class="more-link"><g:link controller="work"  action="about">More about me</g:link></p>

  </div>

  <div class="unit last blog">
    <h3 class="title"><g:link controller="testimonial" action="all">Testimonial</g:link></h3>
    <hr/>
    <g:each var="testimonialInstance" in="${testimonialInstanceList}">

      <ul>
        <li>
          <div class="summary">
            <h4><a href="http://www.one.org/international/blog/?p=8049">${testimonialInstance.title}</a></h4>
            <p class="date"> ${testimonialInstance.commentDate}</p>            <p class="author">Posted by ${testimonialInstance.company}</p>
          </div>
          <p class="cmt comments"><a href="http://www.one.org/international/blog/?p=8049#comments">0</a> <span>comments</span></p>
        </li>
        <hr/>
      </ul> 
    </g:each>

    <hr/>
    <p class="more-link"><g:link controller="testimonial" action="all">More Testimonials</g:link></p>
  </div>
</div>


<hr/>

</body>
</html>
